*{
    margin: 0px;
    padding:0px;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
/* 媒体查询 如果屏幕超过了750px 就设置html字体大小75px */
@media screen and (min-width:750px){
     html{
         font-size: 37.5px !important;
     }
} 

body{
    min-width: 320px;
    max-width: 750px;
    width: 10rem;
    margin: 0px auto;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
   
    background-color: #ececec;
}

/*头部标题区域  样式*/

.myheader{
    width:10rem;
    height: 1.173333rem;
    background-color:  #7BAC01;
    /*参考手机端屏幕设置*/
    position: fixed;
    top:0rem;
    left:50%;
    transform:translateX(-50%);

    display: flex;
    align-items: center;

    padding: 0 .333333rem 0;
    z-index: 999;
   
   .mylogin{
    width: .626667rem;
    height: .626667rem;
    line-height:.626667rem ;
    text-align: center;
    color:#fff;
    font-size: .24rem
   
   

   }

    span:nth-of-type(1){
        flex: 1;
       
        text-align: center;
        font-size: .426667rem;
        color:#fff;
    }
    span:nth-of-type(2){ 
        width: .626667rem;
        height: .626667rem;

        background-image: url("../images/放大镜\ \(1\).png");
        background-repeat: no-repeat;
        background-size:.626667rem  .626667rem;
   
   
    }
}

.mynav{ 
    margin-top: 1.573333rem;
    background-color: #fff;


    display: flex;
    flex-direction: column;
    align-items: center;

    
    .myswiper{
        width: 8.426667rem;
        height: 4.226667rem;

        .swiper {
            width: 100%;
            height: 100%;
          }
    
          .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
    
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
          }
    
          .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
    }
}

/*  导航菜单按钮*/
.menus{
    width: 8.426667rem;
   
     display: flex;

     flex-wrap: wrap;

     padding: .653333rem    0px   .906667rem  0px;
   
     a{
         width: 33.33%;
         display: flex;
         flex-direction: column;
         align-items: center;


         &:nth-child(n+4){
             margin-top: .733333rem;
         }

         img{
             width: 1.173333rem;
             height: 1.16rem;
         }
         span{
             margin-top: .226667rem;
             color:#8E8E8E;
             font-size: .293333rem;
         }

         
     }
}


/*热门课程*/
.hot{
    width: 100%;
    padding: .4rem  .266667rem;
    h4{
        font-size:.373333rem;
        color: #9E9D9D ;
    }
    .img-box{
        width: 100%;
        margin-top: .4rem;
       
        img{
             width: 100%;
        }
    }

}

/*底部样式*/
.myfooter{
     display: flex;
     background-color: #7BAC01;

     width: 10rem;
     position: fixed;
     bottom: 0rem;
     left: 50%;
     transform: translateX(-50%);

     a{
         flex: 1;
         text-align: center;
         color:#fff;
         font-size: .4rem;
         padding: .493333rem 0 .44rem;
         
     }
}



